.body, body, html{ position: relative;height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden;}
.main{width:100%; height: 100%; position: relative; background: url(../images/bg-02.png) no-repeat center; background-size: 1920px auto;min-width: 1200px;}
.tophead{ width:100%; height: 60px;background-color: #cc373a; color: #fff; text-align: center; font-size: 24px;}
.tophead img{line-height: 60px;margin-right: 15px;padding-top: 10px;vertical-align: -10px;width: 38px;height: 38px;}

.footer{ font-size: 16px; color: #404040; font-family: "Arial"; position: absolute; bottom: 20px; left: 0; width:100%; text-align: center;}

.box{padding: 60px;position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/logoMainBg.png) no-repeat center;}
.welcome{ text-align: center;}
.welcome p{ color: #333; font-size: 24px; }
.welcome img{ width: 38px; height: 38px; margin-bottom: 10px;}
.logoMain{ position: relative; width:100%;height:100%;}
.logoIn{width: 384px;height: 500px;padding: 65px 60px;box-shadow: 6px 10px 39px 1px rgba(225, 69, 72, 0.2);background: #fff;position: absolute;top: 50%;right:50%;margin-top: -310px;margin-right: -540px;z-index: 4;}
.user{ padding: 50px 0;}
.userIn{ border-bottom: 1px solid #d3d3d3; padding: 20px 0 20px 30px; position: relative;}
.userIn i{ width:20px; height: 20px; display: block; position: absolute;}
.userIn i.userIcon{ background: url(../images/cloudMy.png) no-repeat; top:22px; left: 0;}
.userIn i.keyIcon{background: url(../images/cloudPassword.png) no-repeat;top:22px; left: 0;}
.inText{ width: 100%; border:none;box-sizing: border-box; font-size: 14px; color: #666; background:none;}
.inText:focus{border-color: #333;}
.logOn{width:384px; height: 50px; border-radius: 25px; background-color: #cc373a; text-align: center;}
.logOn a{ display: block; color: #fff; line-height: 50px;}
.logOn:hover{ background-color: #a72124;}





